<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>gymMain</title>
<link href="../css/style.css" rel="stylesheet" type="text/css"
	media="all" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--slider-->
<link rel="stylesheet" href="../css/flexslider.css" type="text/css"
	media="all" />
<!-- jQuery -->
<!-- FlexSlider -->

<link rel="stylesheet" type="text/css"
	href="../bootstrap/bootstrap.4.1.0.css">
<script src="../bootstrap/jquery.3.2.1.min.js"></script>
<script src="../bootstrap/popper.12.5.min.js"></script>
<script src="../bootstrap/bootstrap.4.1.0.min.js"></script>

<script src="../vue/Vue.js"></script>
<script src="../vue/axios.js"></script>
</head>
<body>
	<div id="app">
		<div class="header">
			<div class="wrap">
				<div class="logo">
					<h1></h1>
				</div>
				<div class="top-nav">
					<div class="menu">
						<ul>
							<li class=""><a href="gymMain.html">个人中心</a></li>
							<li class=""><a href="arrangeCourses.html">安排课程</a></li>
							<li class=""><a href="employeeList2.html">签约申请</a></li>
							<li class=""><a href="myFocus.html">我的关注</a></li>
							<li class=""><a href="mySignCoaches.html">我的签约教练</a></li>
							<li class=""><a href="improveInformation.html">信息完善</a></li>
							<li class=""><a href="findPwd.html">密码找回</a></li>
						</ul>
						<div class="clear"></div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- 正文 -->
			<table class="table table-bordered table-hover">
			<thead>
				<tr>
					<th>用户名</th>
					<th>用户种类</th>
					<th>详情</th>
					<th>关注状态</th>
				</tr>
			</thead>
			<tbody>
				<tr v-for="fo in focus" v-if="fo!=null">
					<td>{{fo.user.nickname}}</td> 
					<td>{{fo.user.role}}</td>
					<td>{{fo.user.description}}</td> 
					
					<td>
						<span v-if="fo.focusStatus==2">相互关注</span>
						<span v-if="fo.focusStatus==1">单向关注</span>
					</td>
				</tr>
			</tbody>
		</table>
		<div class="footer">
			<div class="wrap">
				<div class="section group">
					<div class="col_1_of_footer span_1_of_footer">
						<div class="location">
							<h3>地址</h3>
							<ul>
								<li>1-22-003-55,</li>
								<li>四川省成都市</li>
								<li>火车南站蜗牛hifit</li>
								<li>CHINA</li>
							</ul>
						</div>
					</div>
					<div class="col_1_of_footer span_1_of_footer">
						<h3>信息</h3>
						<p>hifit健身，创建于2005年，立足长三角，辐射全中国！专注健身15年，已发展成为中国大型直营健身连锁领跑者。截至2018年7月，hifit健身已拥有400+家签约及开业的直营门店。</p>
					</div>
					<div class="col_1_of_footer span_1_of_footer">
						<h3>品牌简介</h3>
						<div class="Testimonials_desc">
							<p>
								<span class="up"></span>hifit健身，立足长三角，专注健身14年，拥有400+家签约及开业的直营门店。累计发展会员人数300余万，每年新增约80万会员，每天约30万会员在全国各分店享受专业健身服务。<span
									class="down"><img src="" alt=""></span>
							</p>

						</div>
					</div>
					<div class="col_1_of_footer span_1_of_footer">
						<h3>联系我们</h3>
						<ul class="address">
							<li>蜗牛科技</li>
							<li><span>电话:</span> +86 132123456789</li>
							<li><span>座机:</span> +32 132 74895</li>
							<li><span>传真:</span> +69 320 832479</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="copy-right">
				<div class="wrap">

					<p class="copy">&copy; Copyright &copy; 2020.Cyh All rights
						reserved.</p>

				</div>
			</div>
		</div>
	</div>

</body>
<script type="text/javascript">
		
		new Vue({
			el:"#app",
			data:{
				focus:[]
			},
			mounted(){
				axios.get("/gymInfo/focusMe")
					.then(res => {
						console.info(res.data);
						this.focus = res.data;
					});
			},
			methods:{
			
			}
		});
	</script>
</html>



